﻿@model SIG.Model.Videos.Video
@{
    ViewBag.Title = Model.Title;
    ViewBag.PageId = "page_news";
}

@section header{
    <link href="~/plugins/mediaelement/build/mediaelementplayer.min.css" rel="stylesheet" />
    }

<!-- banner start -->
<section class="banner banner-news"></section>
<!-- banner end -->

<div class="container mb30">
    <div class="row">
        <aside class="col-md-3">
            <div class="leftbox left_nav">
                <header class="title">
                    <h3>新闻中心</h3>
                </header>
                <nav class="aboutNav">
                    @Html.Partial("_newsNav")
                </nav>
            </div>

            @Html.Action("LatestArticles", "Article")
        </aside>
        <section class="col-md-9">
            <div class="main-content">
                <header class="title">
                    <h2>@Model.Title</h2>
                </header>
                <article class="news-content">
                    <div class="row mb20">

                        <div class="note col-sm-8">
                            查看：@Model.ViewCount  发布时间：@Model.CreatedDate.ToShortDateString()
                        </div>
                        <div class="col-sm-4">
                            <div class="bdsharebuttonbox fr"><a href="#" class="bds_more" data-cmd="more"></a><a href="#" class="bds_qzone" data-cmd="qzone" title="分享到QQ空间"></a><a href="#" class="bds_tsina" data-cmd="tsina" title="分享到新浪微博"></a><a href="#" class="bds_tqq" data-cmd="tqq" title="分享到腾讯微博"></a><a href="#" class="bds_renren" data-cmd="renren" title="分享到人人网"></a><a href="#" class="bds_weixin" data-cmd="weixin" title="分享到微信"></a></div>
                        </div>
                    </div>
                    @*@Html.Raw(Model.Body)*@
                    <div class="row">
                        <div class="col-sm-12 col-md-10 col-md-offset-1" style="height:350px;">
                            <video style="width:100%;height:100%" poster="@Model.Preview" controls="controls" preload="none">
                                <source type="video/mp4" src="@Model.VideoUrl" />
                                <object style="width:100%;height:100%" type="application/x-shockwave-flash" data="/plugins/mediaelement/build/flashmediaelement.swf">
                                    <param name="movie" value="/plugins/mediaelement/build/flashmediaelement.swf" />
                                    <param name="flashvars" value="controls=true&file=@Model.VideoUrl" />
                                    <img src="@Model.VideoUrl" style="width:100%;height:100%" title="No video playback capabilities" />
                                </object>
                            </video>
                        </div>
                    </div>
                    
                </article>
            </div>
        </section>
    </div>
</div>

@section footer{
<script src="~/plugins/mediaelement/build/mediaelement-and-player.min.js"></script>
<script src="~/plugins/mediaelement/build/lang/zh-cn.js"></script>

    <script>window._bd_share_config = { "common": { "bdSnsKey": {}, "bdText": "", "bdMini": "2", "bdMiniList": false, "bdPic": "", "bdStyle": "0", "bdSize": "16" }, "share": {}, "image": { "viewList": ["qzone", "tsina", "tqq", "renren", "weixin"], "viewText": "分享到：", "viewSize": "16" }, "selectShare": { "bdContainerClass": null, "bdSelectMiniList": ["qzone", "tsina", "tqq", "renren", "weixin"] } }; with (document) 0[(getElementsByTagName('head')[0] || body).appendChild(createElement('script')).src = 'http://bdimg.share.baidu.com/static/api/js/share.js?v=89860593.js?cdnversion=' + ~(-new Date() / 36e5)];</script>
    <script>
        $(function(){
        $('video,audio').mediaelementplayer(/* Options */);
        });
    </script>
}